<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!-- 1.使用img标签 -->
  <!-- <img src="./svg/table.svg" alt="" srcset=""> -->
  <!-- 2.svg的第二种用法 -->
  <!-- svg:width height fill viewBox -->
  <!-- width="130" height="130" -->
  <!-- width:宽度 -->
  <!-- height:高度 -->
  <!-- fill:svg图标的颜色 -->
  <!-- viewBox:0 0 130 130 -->
  <!-- viewBox 的第一个属性：x轴方向上的偏移量 -->
  <!-- viewBox 的第二个属性：y轴方向上的偏移量 -->
  <!-- viewBox 的第三个属性：x轴方向截取的长度 -->
  <!-- viewBox 的第四个属性：y轴方向截取的长度 -->
  <!-- 最后一个作用：把截取后的图标放大到整个svg盒子上 -->
  <svg xmlns="http://www.w3.org/2000/svg" width="500" height="500" fill="pink" viewBox="0 0 130 130">
    <path
      d="M63.444 64.996c20.633 0 37.359-14.308 37.359-31.953 0-17.649-16.726-31.952-37.359-31.952-20.631 0-37.36 14.303-37.358 31.952 0 17.645 16.727 31.953 37.359 31.953zM80.57 75.65H49.434c-26.652 0-48.26 18.477-48.26 41.27v2.664c0 9.316 21.608 9.325 48.26 9.325H80.57c26.649 0 48.256-.344 48.256-9.325v-2.663c0-22.794-21.605-41.271-48.256-41.271z"
      stroke="#979797" />
  </svg>
</body>

</html>